
import { ElMessage } from 'element-plus'
import { useTokenStore } from '@/store/token.js'
//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
import { routerKey } from 'vue-router';
//定义一个变量,记录公共的前缀  ,  baseURL
const baseURL = '/api';
// 最终的url = baseURL + url(发送请求时的参数)
const instance = axios.create({ baseURL })


// 添加请求拦截器
instance.interceptors.request.use(

    // 两个回调函数
    (config) => {
        // 请求前的回调
        // 添加token

        // 获取pinia对象
        // 必须写在函数内, 否则会报错
        const tokenStore = useTokenStore();

        if (tokenStore.token != null) {
            config.headers.Authorization = tokenStore.token;
        }
        return config;
    },
    (error) => {
        // 请求错误的回调
        return Promise.reject(error);
    }
)


//添加响应拦截器
instance.interceptors.response.use(
    (result) => {
        // 在发请求成功时做什么
        // 判断业务状态码
        if (result.data.code == 0) {
            ElMessage({
                message: '请求成功',
                type: 'success',
            })

            // 直接返回data, 这样调用接口的时候就不用写result.data了, 也就是说
            // service层直接接收到的是后台传送过来的参数
            return result.data;
        }
        // 操作失败
        ElMessage.error(result.data.msg ? result.data.msg : '服务异常')
        // 异步操作的状态转化为失败
        return Promise.reject(result.data);
    },
    (err) => {
        if (err.response.status == 401) {
            ElMessage.error('请先登录');
            // 实现页面的跳转
            window.location.href = '/login';
        } else {
            ElMessage.error('服务异常');
        }

        // 发生错误时做什么
        ElMessage.error('服务异常');
        return Promise.reject(err);//异步的状态转化成失败的状态
    }

)

//导出
export default instance;